﻿<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>新增的属性</title>
  <style>
    form {
      margin-top: 100px;
    }

  </style>
</head>

<body>
  <!-- action 提交地址
       method 提交方式
  -->
  <p id="p1">你好</p>
  <p id="p2">你好</p>
  <form action="http//localhost:3000/test" method="GET">
    email: <input type="email"><br>
    url: <input type="url"><br>
    number: <input type="number" min="1" max="10" step="2"><br>
    range: <input type="range" min="0" max="20" step="2" value="0"><br>
    search: <input type="search"><br>
    color: <input type="color"><br>
    date: <input type="date"><br> <!-- 年月日 -->
    month: <input type="month"><br> <!-- 年月 -->
    week: <input type="week"><br> <!-- 那一年   第几周 -->
    time： <input type="time"><br> <!-- 时间 -->
    datetime: <input type="datetime"><br> <!-- utc格式的时间 -->
    datetime-local: <input type="datetime-local">



    <br><input type="submit">
  </form>

</body>
<script>
  var date = new Date();
  date.setTime(date.getTime());
  console.log(date);
  date.toUTCString();
  console.log(date.toUTCString());
  var p1 = document.getElementById('p1')
  var p2 = document.getElementById('p2')
  p1.innerHTML = date.toUTCString();
  p2.innerHTML = date;

</script>

</html>
